@charset "utf-8";

.g_guide{background:url(../images/ry_bj.jpg) no-repeat center bottom;padding-top: 70px;height: 585px;overflow:hidden;}
.g_guide dl{height: 357px;}
.g_guide dt{float: left;width:527px;height: 300px;position: relative;}
.g_guide dt img{width:527px;height: 300px;display: block;}

.g_guide dd{float: right;width:575px;margin-right: 25px;}
.g_guide h3{height: 110px;font-size:42px;font-weight: bold;color:#004aa1;}
.g_guide h3 em{display: block;font-size:30px;font-weight: normal;color:#000;}
.g_guide p{font-size:15px;color:#333333;line-height: 30px;height: 130px;}
.g_guide span a{display: block;width:170px;height: 40px;line-height: 40px;background: #da0000;text-align: center;font-size:16px;color:#fff;}

.m_guide{height: 150px;background: #fff;box-shadow: 0 0 30px rgba(0,0,0,.1);padding-top: 15px;box-sizing: border-box;}
.m_guide li{float: left;width:240px;text-align: center;font-size:24px;color:#000000;position: relative; font-weight:bold;}
.m_guide li i{display: block;width:90px;margin:0 auto;}
.m_guide li i img{transition: all 0.3s linear 0s;}

.m_guide li em{display: block;font-size:12px;color: rgba(0,0,0,.5);transition: all 0.3s linear 0s;}
.m_guide li:before{content: "";position: absolute;background:url(../images/ppline.jpg) no-repeat;width:2px;height: 83px;right: 0;top:20px;}
.m_guide li:last-child:before{background: none;}
.m_guide li:nth-child(1){animation-delay: 0.1s;}
.m_guide li:nth-child(2){animation-delay: 0.2s;}
.m_guide li:nth-child(3){animation-delay: 0.3s;}
.m_guide li:nth-child(4){animation-delay: 0.4s;}
.m_guide li:nth-child(5){animation-delay: 0.5s;}
.m_guide li:nth-child(6){animation-delay: 0.6s;}

.m_guide li:hover i img{transform: scale(1.1);}
.m_guide li:hover em{padding-top:5px;}

.g_pro{padding: 2rem 0; overflow:hidden;}
.g_pro h2 a{display: block; background:url(../images/nav_line.png) no-repeat center bottom;height: 125px;padding-top: 30px;box-sizing: border-box;text-align: center;font-size:44px;color:#212121; line-height:46px; margin-bottom:30px;}
.g_pro h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}
.g_pro .fltit{height: 110px;background: #fff;border-radius: 5px;box-shadow: 5px 5px 5px 5px rgba(0,0,0,.1);margin-bottom: 50px;}
.g_pro .fltit h3 a{display: block;float: left;width:180px;background: #004aa1;padding: 10px 0 0 0;text-align: center;font-size:36px;font-weight: bold;color:#fff;border-radius: 0px 0 0 0px; height: 100px;}
.g_pro .fltit li a{display: block; float: left;padding: 2px 44px 0;text-align: center;font-size: 16px;color:#000;position: relative;transition: all 0.3s linear 0s;}
.g_pro .fltit li a:before{content: "";position: absolute;width:1px;height: 64px;background: #d9d9d9;right: 0;top:24px;}
.g_pro .fltit li em{display: block;line-height: 36px;}
.g_pro .fltit li:last-child a:before{background: none;}
.g_pro .fltit li:nth-child(1){animation-delay: 0.1s;}
.g_pro .fltit li:nth-child(2){animation-delay: 0.2s;}
.g_pro .fltit li:nth-child(3){animation-delay: 0.3s;}
.g_pro .fltit li:nth-child(4){animation-delay: 0.4s;}
.g_pro .fltit li:nth-child(5){animation-delay: 0.5s;}
.g_pro .fltit li:nth-child(6){animation-delay: 0.6s;}
.g_pro .fltit li a:hover{ transform: translateY(-10px);	}



.g_pro .m_fltj{overflow: hidden;width:100%;max-width: 1920px;min-width: 1200px;margin:0 auto;}
.g_pro dt{float: left;width:50%;}
.g_pro dt img{width:100%;display: block;transition: all 1s ease 0s;border-radius:10px;}
.g_pro dl:hover dt img{transform: scale(1.02);}
.g_pro dd{float: left;width:50%;padding-left: 6%;box-sizing: border-box;}
.g_pro h3 a{display: block; padding-top: 1rem; height:4.16rem;font-size:1.66rem;color:#212121; }
.g_pro h3 em{display: block;font-size:0.8rem;font-weight: normal;color:#000000;}
.g_pro p{font-size:0.8rem;color:#666666;height: 3.5rem;}
.flr{width:52%;}
.flr i{width:100%;display: block;overflow: hidden;}
.flr i img{width:100%;display: block;border-radius: 10px 10px 0 0;transition: all 1s ease 0s;}
.flr:hover i img{transform: scale(1.1);}
.flr span{display: block;height: 2.3rem;line-height: 2.3rem;background: #313131;border-radius: 0 0 10px 10px;}
.flr span a{display: block;float: left;width:50%;position: relative;padding-left: 15%;box-sizing: border-box;font-size:0.8rem;color:#fff;}
.flr span a:nth-child(1){background: #004aa1;border-radius: 0 0 0 10px;}
.flr span a:nth-child(1):before{content: "";position: absolute;background:url(../images/cpbtn1.png) no-repeat; background-size: 100%; width:0.92em;height: 0.92rem;left:65%;top:0.8rem;}
.flr span a:nth-child(2):before{content: "";position: absolute;background:url(../images/cpbtn2.png) no-repeat; background-size: 100%; width:0.92em;height: 0.92rem;left:65%;top:0.8rem;}

 @media screen and (max-width:1366px) {             
.flr{width:62%;}
.g_pro p{height:2.8rem;}


}


/*产品展示*/
.tab3{width: 1500px; background-color:#fff}
.tab3 .tit{height: 130px;text-align: center; margin-top:50px;}
.tab3 .tit h2 {height: 55px;line-height: 55px;font-size:32px;color: #333;}
.tab3 .tit h2 a{color: #333;}
.tab3 .tit p{height: 45px;line-height: 45px;font-size:18px;color: #333333; padding-top:10px; }
.tab3 .tit p a{color: #fff;margin-right: 30px;padding:8px 50px; background-color:#004aa1; border-radius: 15px;}
.tab3 .tit p a:hover{color: #fff;margin-right: 30px; padding:8px 50px; background-color:#db010d; border-radius: 15px;}
.sec2_ul{width: 1500px; margin: 0 auto;overflow: hidden;}
.sec2_ul ul{width:1500px;}
.sec2_ul li{float: left; width: 280px; border:0px solid #ccc; display: block; margin-right: 25px; text-align: left; overflow: hidden; margin:5px;}
.sec2_ul li a{width: 280px; height: 300px; background: #eee; position: relative;}
.sec2_ul li a img{width: 280px; height:275px; transition: .9s;  line-height: 1em; overflow: hidden;}
.sec2_ul li .p{padding:0 15px;position: relative;width: 280px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:34px; border-top:0px solid #ccc; font-size:20px; font-weight:bold;}
.sec2_ul li .p a:hover{padding:0 15px;position: relative;width: 203px;overflow:hidden;background-color: #fff;z-index: 666; height:44px; line-height:34px; border-top:1px solid #ccc; color:FF9B09;}
.sec2_ul li .mgd{ width:100px; height:26px; line-height:26px; text-align:center; margin:1px auto; border-radius:26px;background-color:#db010d;border-radius:26px;color:#fff; font-size:16px;}
.sec2_ul li .mgd{ display:block; }
.sec2_ul li .m1c:hover .mgd{ background-color:#e51d1a;}
.sec2_ul li .mxian{ color:#e51d1a; margin:0 auto; text-align:center; line-height:20px;}
.sec2_ul li img{width: 280px; height: 225px; overflow: hidden;display:block;}
.sec2_ul li a:hover img{transform: scale(1.2);  z-index: 1;}
.sec2_ul li a:hover{background: #0042ae; width: 280px; height: 300px; overflow: hidden;}
.sec2_ul ul .sec2_ul_r{width: 280px; border:1px solid #ccc; display: block;text-align: left; overflow: hidden;}
.p{font-size: 16px;color: #333333; line-height: 34px; height: 32px; margin-top:5px; text-align:center;}
.w1500 { width:1500px; margin:0 auto; font-family:"Microsoft Yahei";}
/* -- 案例-- */



.g_morecp{height: 424px;overflow:hidden;}
.g_morecp h2 a{display: block;height: 92px;position: relative;}
.g_morecp h2 a:before{content: "";position: absolute;width:455px;height: 1px;background: #ccc;left:0;top:28px;}
.g_morecp h2 a:after{content: "";position: absolute;width:455px;height: 1px;background: #ccc;right:0;top:28px;}
.g_morecp h2 b{font-size:30px;font-weight: bold;color:#fff;width:240px;height: 56px;line-height: 56px;background: #004aa1;border-radius: 35px;text-align: center; margin:0 auto;display: block;}
.m_morecp li{float: left;width:289px;margin-right: 12px;}
.m_morecp li i{width:289px;height: 280px;overflow: hidden;}
.m_morecp li i img{width:289px;height: 280px;display: block;border-radius: 10px;transition: all 1s ease 0s;}
.m_morecp li:hover i img{transform: scale(1.03);}
.m_morecp li em{display: block;height: 56px;line-height: 56px;text-align: center;font-size:18px;color:#000000;transition: all 0.3s linear 0s;}
.m_morecp li:hover em{color:#026e2e;font-weight: bold;padding-top: 10px;}
.g_morecp .u_ljt,.g_morecp .u_rjt{width: 36px; height: 36px; text-indent: -9999px;  position: absolute;z-index: 1000}
.g_morecp .u_rjt{background: url(../images/ljt.png) no-repeat;left:-50px;top:130px;}
.g_morecp .u_ljt{background: url(../images/rjt.png) no-repeat;right:-50px;top:130px;}
.g_morecp .u_ljt:hover,.g_morecp .u_rjt:hover{background-position: -36px 0;}








.cases{width:100%;min-width:1200px;position:relative;overflow:hidden;padding:45px 0 0;height:1000px;}
.cases h2{display: block; background:url(../images/nav_line.png) no-repeat center bottom;height: 125px;padding-top: 30px;box-sizing: border-box;text-align: center;font-size:44px;color:#212121; line-height:46px; margin-bottom:30px;}
.cases h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}

.casetit{position: absolute;left:98px;top:190px;}

.casetit ul{width:1000px;height:128px; background: #fff;border-radius: 10px;box-shadow: 5px 0 15px rgba(0,0,0,.1); margin:0 auto;z-index: 11;position: relative;}
.casetit ul li{float:left;position:relative;width:200px;height:128px;}
.casetit ul li:before{content: "";position: absolute;width:1px;height: 93px;background: #d1d2d3; right:0;top:18px;}
.casetit ul li:nth-child(5):before{background: none;}
.casetit ul li i{width:56px;height:62px;display: block;margin:20px auto 0;overflow: hidden;}
.casetit ul li i img{width:112px;height:62px;-webkit-transition:all .5s;transition:all .5s}
.casetit ul li em{display: block;font-size: 20px;color:#000;font-weight: normal;text-align: center;margin-top: 6px;}
.casetit ul li.on i img{margin-left:-56px}
.casetit ul li.on{background: #c70c0c;}
.casetit ul li.on em{color:#fff;}
.casetit ul li.on:before{background: none;}
.casetit ul li:nth-child(1).on{border-radius: 10px 0 0 10px;}
.casetit ul li:nth-child(4).on{border-radius: 0 10px 10px 0;}
.cases dl{width:1200px;height:769px;position:relative;margin:0 20px 0 0; }
.cases dl dt{width:1200px;height:650px;line-height:0;overflow:hidden}
.cases dl dt img{width:1200px;height:650px;transition: all 0.3s linear 0s;border-radius: 10px;}
.cases dl dd{display:none;position: absolute;right: 0;top:570px;width:1200px;height: 205px;background:#234ea4; box-shadow: 0 0 30px rgba(0,0,0,.1); padding: 12px 0 0 40px;box-sizing: border-box; border-radius: 0 0 10px 10px ;}
.cases h5{float: left;width:300px;font-size:30px;color:#efefef;position: relative;padding-top:25px;}
.cases h5 em{display: block;font-size:20px;color:#efefef;font-weight: normal;}
.cases h5 b{color:#fff;font-weight: normal;}
.cases h5:before{content: "";position: absolute;width:1px;height: 105px;background: #e5e5e5;left:290px;top:15px;}
.cases .wzcon{float:left;width:800px;}
.cases p{font-size:16px;color:#efefef;line-height:32px;overflow:hidden;padding-left: 22px;background: url(../images/ysico.png) no-repeat 5px 10px;}
.cases .p1{margin-top: 15px;}
.cases dl:hover dt img{transform: scale(1.1);}
.ys_con{position:relative}
.ys_con .tempWrap{overflow:visible!important}
.cases dl.cur dt{transition: all 0.3s linear 0s;}
.cases dl.cur dd{display:block}
.cases dl.cur dt img{opacity:1;transform: scale(1.1);}
.cases .prev,.cases .next{width: 62px;height: 62px;overflow: hidden;position: absolute;z-index: 155;}
.cases .prev{background: url(../images/ljt2.png) no-repeat;left:-42px;top:547px;}
.cases .next{background: url(../images/rjt2.png) no-repeat;right:-42px;top:547px;}

/*案例*/

.case {  padding-top: 20px;  padding-bottom: 68px;  border-bottom: 1px solid #EDEDED;  background: url(../images/ry_bj.jpg) no-repeat bottom;}
.case h2 a{display: block; background:url(../images/nav_line.png) no-repeat center bottom;height: 125px;padding-top: 30px;box-sizing: border-box;text-align: center;font-size:44px;color:#212121; line-height:46px; margin-bottom:30px;}
.case h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}

.case .case-c {  position: relative;  margin-top: 32px;}
.case .case-c::before {  content: "";  display: block;  width: 360px;  height: 425px;  background: #f3f3f3;  position: absolute;  right: -360px;  top: 56px;}
.case .case-c dl {  background: #fff;}
.case .case-c dl dt {  float: left;  width: 716px;  line-height: 0;  overflow: hidden;}
.case .case-c dl dt img {  width: 716px;  height: 537px;  display: block;  transition: 1s; border-radius: 20px 0 0 20px;}
.case .case-c dl dt img:hover {  transform: scale(1.03);}
.case .case-c dl dd {  float: left;  width: 549px;  background: #F3F3F3;  height: 425px;  box-sizing: border-box;  margin-left: -65px;  margin-top: 56px;  position: relative;  z-index: 1;  padding-top: 60px;  padding-left: 52px;}
.case .case-c dl dd h4 {  height: 45px;  border-bottom: 1px solid #e2e2e2;  font-size: 26px;  font-weight: bold;  line-height: 26px;  color: #333;  overflow: hidden;  text-overflow: ellipsis;  white-space: nowrap;}
.case .case-c dl dd h4:hover {  color: #bf1230;}
.case .case-c dl dd p {  font-size: 16px;  font-weight: normal;  color: #626262;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;  line-height: 28px;  height: 156px;  margin-top: 12px;  margin-bottom: 28px;}
.case .case-c dl dd i {  font-size: 16px;  font-weight: bold;  line-height: 100%;  color: #bf1230;  text-transform: capitalize;  background-image: url('../images/case-more.png');  background-repeat: no-repeat;  background-position: right center;  background-size: auto auto;  padding-right: 30px;  display: inline-block;  transition: 0.35s;}
.case .case-c dl dd i:hover {  padding-right: 40px;}
.case .case-c dl dd .xpic {  position: absolute;  left: 52px;  bottom: 45px;}
.case .case-c dl dd .xpic em {  width: 156px;  float: left;  margin-right: 10px;  line-height: 0;  overflow: hidden;}
.case .case-c dl dd .xpic em img {  display: block;  width: 156px;  height: 116px;  transition: 0.5s;}
.case .case-c dl dd .xpic em img:hover {  transform: scale(1.03);}
.case .case-c dl dd .xpic::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.case .case-c dl::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}
.case .case-c .prev {  position: absolute;  right: 45px;  top: 0;  z-index: 1;  cursor: pointer;}
.case .case-c .next {  position: absolute;  right: 0;  top: 0;  z-index: 1;  cursor: pointer;}
.case .case-b {  margin-top: 50px;  position: relative;}
.case .case-b .prev {  position: absolute;  left: -71px;  top: 100px;  z-index: 1;  cursor: pointer;}
.case .case-b .next {  position: absolute;  right: -71px;  top: 100px;  z-index: 1;  cursor: pointer;}
.case .case-b .tempWrap {  width: 1200px!important;  padding-left: 20px;  margin-left: -20px;}
.case .case-b ul li {  float: left;  width: 260px;  margin-right: 20px;  background: #333;  margin-top: 20px;  margin-bottom: 20px;}
.case .case-b ul li img {  display: block;  width: 260px;  height: 200px;  border: 1px solid #EEEEEE;  box-sizing: border-box;  transition: 0.35s;}
.case .case-b ul li:last-of-type {  margin-right: 0;}
.case .case-b ul li:hover img {  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);  border: 1px solid #fff;}
.case .case-b ul::after {  line-height: 0;  visibility: hidden;  display: block;  font-size: 0;  content: " ";  clear: both;  height: 0;}



/*优势*/
/**/
.news{padding: 30px 0 10px; background:url(../images/newbg.jpg) no-repeat; padding-bottom:40px;}
.news h2 a{display: block; background:url(../images/nav_line.png) no-repeat center bottom;height: 125px;padding-top: 30px;box-sizing: border-box;text-align: center;font-size:44px;color:#212121; line-height:46px; margin-bottom:30px;}
.news h2 em{display: block;font-size:18px;color:#333333;font-weight: normal;}

.news_l{width: 765px;padding: 30px 0 0;}
.news_t{height: 55px;line-height: 50px;overflow: hidden;}
.news_t a{font-size: 20px;color: #414141;font-weight: bold;}
.news_t a:hover,.news_l dl dd h5 a:hover,.news_qie ul li a:hover{color: #db010d;}
.news_t span{float: right;}
.news_t span a{font-size: 16px;color: #808080;text-transform: uppercase;}
.news_l dl{width: 360px;float: left;margin-left: 45px;padding-bottom: 40px;}
.news_l dl dt{width: 360px;height: 180px;line-height: 0;overflow: hidden;}
.news_l dl dt img{width: 360px;height: 180px;}
.news_l dl dd{width: 360px;padding: 20px 0 0;}
.news_l dl dd h5{height: 35px;line-height: 35px;overflow: hidden;}
.news_l dl dd h5 a{font-size: 18px;color: #000;font-weight: normal;display: block;width: 100%;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_desc{font-size: 16px;color: #808080;line-height: 26px;height: 52px;overflow: hidden;padding: 5px 0 0;}
.news_l dl:nth-of-type(1){margin-left: 0;}
.news_qie{padding: 30px 0 0;border-top: #ccc 1px solid;}
.news_qie ul li{height: 42px;line-height: 42px;overflow: hidden;}
.news_qie ul li a{font-size: 16px;color: #000;display: block;float: left;width: 580px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news_qie ul li span{float: right;font-size: 16px;color: #999;}

/*常见问题*/
.faqs{background: #f0f2f6;margin-top: 50px;width: 305px;height: 490px;padding: 10px 40px 20px;border-bottom: #004aa1 8px solid;}
.faqs .news_t{border-bottom: #c0c2c5 1px solid;}
.wd_m{padding-top: 15px;}
.faqs dl{ width:305px;border-bottom: #d8d9dd 1px dashed; padding:20px 0 0;height: 115px;}
.faqs dt{ height:30px;line-height: 30px; overflow:hidden;}
.faqs dt a{display: block;width: 277px; font-size:18px; color:#000;background: url(../images/w.png) no-repeat 0 6px;padding-left: 28px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.faqs dt a:hover{color: #db010d;background: url(../images/case_ico03.png) no-repeat 0 6px;}
.faqs dd{padding:5px 0 0 28px;line-height: 26px;height: 52px;overflow: hidden;}
.faqs dd a{ font-size:16px; color:#808080;display: block;}
/* 新闻 */




/**/
/*走进*/
.about{background: url(../images/ab_img1.jpg) no-repeat center top;height: 850px;padding-top:565px;box-sizing: border-box;}
.ab_w{background: #fff;height: 254px;box-sizing: border-box;padding:34px 0 0 23px;box-shadow: 0 0 15px rgba(0,0,0,0.2)}
.ab_w dt{float:left;width:317px;text-align: center;padding-top:38px;background: url(../images/ab_ico1.png) no-repeat right top;height: 118px;}
.ab_w dt h4{height:;font-size:38px;color: #333333;height: 54px;line-height: 54px;}
.ab_w dt h4 a{color:#333;}
.ab_w dt h4 em{color: #c30d23}
.ab_w dt span{display: block;font-size: 18px;color: #333333;height: 35px;line-height: 35px;}
.ab_w dd{float:left;width:735px;padding:10px 0 0 50px;}
.ab_w dd p{font-size:16px;color: #333333;line-height: 28px;}
.ab_w dd em{display: block;text-align: right;padding-top:20px;}
.ab_w dd em a{padding-right:35px;background: url(../images/pro_ico1.png) no-repeat right;font-size:16px;color: #c30d23;}

.digital{padding: 60px 0 0;}
.ibrand-num li{float:left;height:80px;color:#fff;font-size:14px;position: relative;width: 235px;padding-left: 60px;}
.ibrand-num li:before{content: "";width: 1px;height: 40px;position: absolute;top: 12px;right: 0;background: rgba(255,255,255,0.3);
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
transform: rotate(30deg);}
.ibrand-num li em{width: 64px;height: 64px;display: block;float: left;line-height: 0;overflow: hidden;}
.ibrand-num li em img{width: 64px;height: 64px;}
.ibrand-num li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear;}
.ibrand-num li p{width: 85px;float: left;padding: 0 0 0 25px;}
.ibrand-num li b{font-size:50px;line-height: 40px; font-family:"DINOT";padding-right: 5px;}
.ibrand-num li span{display:block; padding:0 0 0 5px;}
.ibrand-num li:first-child{padding-left: 0;}
.ibrand-num li.nobor{width: 175px;}
.ibrand-num li.nobor:before{background: none;}

/*资质证书*/
.honor_bg{background: #ffffff;padding: 40px 0 0px;}
.honor_t{height: 60px;line-height: 60px;overflow: hidden;border-bottom: #e5e5e5 2px solid;}
.honor_t a{font-size: 24px;color: #000;font-weight: bold;}
.honor_t a:hover{color: #db010d;}
.honor_t span{float: right;}
.honor_t span a{font-size: 16px;color: #db010d;text-transform: uppercase;}
.honor_qie{padding: 20px 0 0;width: 1200px;overflow: hidden;}
.honor ul li{width: 265px;padding: 3px;float: left;line-height: 0;margin:10px 30px 10px 6px;}
.honor ul li img{width: 265px;height: 200px;}
.honor ul li span{display: block;width: 193px;text-align: center;height: 30px;line-height: 30px;font-size: 16px;color: #000;padding: 5px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.honor ul li:hover{background: #fff;box-shadow: 0 3px 5px 3px rgba(0,0,0,0.1);}
.honor_lico,.honor_rico{width: 48px;height: 48px;line-height: 0;position: absolute;top: 220px;z-index: 10;}
.honor_lico a,.honor_rico a{width: 48px;height: 48px;display: block;}
.honor_lico a{background: url(../images/honor_lico01.gif) no-repeat;}
.honor_lico a:hover{background: url(../images/honor_lico02.gif) no-repeat;}
.honor_rico a{background: url(../images/honor_rico01.gif) no-repeat;}
.honor_rico a:hover{background: url(../images/honor_rico02.gif) no-repeat;}
.honor_lico{left: -100px;}
.honor_rico{right: -100px;}

/**/






.g_link {
  position: relative;
  margin-top: -60px;
  width: 1200px;
  margin-left: -600px;
  left: 50%;
}
.g_link .content {
  width: 400px;
  margin: 0 auto;
  float: right;
}
.g_link h2{float: left;width: 80px;font-size: 14px;color: rgba(255,255,255,.4);}

.link_c {
  overflow: hidden;
  width: 280px;
  font-size: 14px;
}
.link_c a {
  white-space: nowrap;
  padding: 0 6px;
  float: left;
 color: rgba(255,255,255,.4);
  display: block;
}
.link_c a:hover {
  color: rgba(255,255,255,.9);
}







@-webkit-keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
@keyframes hvr-buzz-out{10%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
20%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
30%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}
40%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}
50%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
60%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
70%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}
80%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}
90%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}
100%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}
}
.fa-spin{-webkit-animation:hvr-buzz-out 3s infinite linear;animation:hvr-buzz-out 3s infinite linear}
.fa-spin2{-webkit-animation:fa-spin 30s infinite linear;animation:fa-spin 30s infinite linear}
.fa-shake{-webkit-animation:pulse 3s infinite linear;animation:pulse 3s infinite linear}
.fa-shake2{-webkit-animation:pulse 11s infinite linear;animation:pulse 11s infinite linear}
.fa-bubble{-webkit-animation:bubble 3s infinite linear;animation:bubble 3s infinite linear}
.fa-bounceIn{-webkit-animation:bounceIn 3s infinite linear;animation:bounceIn 3s infinite linear}



@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@-webkit-keyframes bubble{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(1);transform:scale(1);opacity:1}
100%{opacity:0}
}

@keyframes bounceIn{0%{-webkit-transform:scale(0);transform:scale(0);top:0;left:110px}
20%{-webkit-transform:scale(1);transform:scale(1);top:-36px;left:20px}
90%{-webkit-transform:scale(2);transform:scale(2);opacity:1}
100%{opacity:0}
}




html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 15px;}}
@media screen and (min-width: 1280px) {html {font-size: 16px;}}
@media screen and (min-width: 1366px) {html {font-size: 17px;}}
@media screen and (min-width: 1440px) {html {font-size: 18px;}}
@media screen and (min-width: 1600px) {html {font-size: 20px;}}
@media screen and (min-width: 1920px) {html {font-size: 24px;}}